Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / commits / 0c22610


Commit 0c2261096187a4058cebc22ce5968c91eaf7ece5

󰉖 Browse tree at this commit

Parents : 2abc5e7
Author : Sudo-Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-01-01T16:58:49-06:00

feat(components): introduce dynamic logo paths for NetworkVisualiser and ToolsPage components

Changes

2 files changed, 8 insertions(+), 2 deletions(-)

M meshchatx/src/frontend/components/network-visualiser/NetworkVisualiser.vue +2 -1
M meshchatx/src/frontend/components/tools/ToolsPage.vue +6 -1

Diff

diff --git a/meshchatx/src/frontend/components/network-visualiser/NetworkVisualiser.vue b/meshchatx/src/frontend/components/network-visualiser/NetworkVisualiser.vue
index 3c0271ac..a83c6002 100644
--- a/meshchatx/src/frontend/components/network-visualiser/NetworkVisualiser.vue
+++ b/meshchatx/src/frontend/components/network-visualiser/NetworkVisualiser.vue
@@ -265,6 +265,7 @@ export default {
},
data() {
return {
+ reticulumLogoPath: "/assets/images/reticulum_logo_512.png",
config: null,
autoReload: false,
reloadInterval: null,
@@ -598,7 +599,7 @@ export default {
group: "me",
size: 50,
shape: "circularImage",
- image: "/assets/images/reticulum_logo_512.png",
+ image: this.reticulumLogoPath,
label: meLabel,
title: `Local Node: ${meLabel}\nIdentity: ${this.config?.identity_hash ?? "Unknown"}`,
color: { border: "#3b82f6", background: isDarkMode ? "#1e3a8a" : "#dbeafe" },

diff --git a/meshchatx/src/frontend/components/tools/ToolsPage.vue b/meshchatx/src/frontend/components/tools/ToolsPage.vue
index 62477aaf..195261b4 100644
--- a/meshchatx/src/frontend/components/tools/ToolsPage.vue
+++ b/meshchatx/src/frontend/components/tools/ToolsPage.vue
@@ -102,7 +102,7 @@
<div
class="tool-card__icon bg-purple-50 text-purple-500 dark:bg-purple-900/30 dark:text-purple-200"
>
- <img src="/rnode-flasher/reticulum_logo_512.png" class="w-8 h-8 rounded-full" alt="RNode" />
+ <img :src="rnodeLogoPath" class="w-8 h-8 rounded-full" alt="RNode" />
</div>
<div class="flex-1">
<div class="tool-card__title">{{ $t("tools.rnode_flasher.title") }}</div>
@@ -124,6 +124,11 @@ export default {
components: {
MaterialDesignIcon,
},
+ data() {
+ return {
+ rnodeLogoPath: "/rnode-flasher/reticulum_logo_512.png",
+ };
+ },
};
</script>


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────